<div class="login">
  <div class="header">
    {{#if firstLogin}}

      <h1>{{t 'modalEditPassword.firstLogin.title' appName=settings.appName}}</h1>
      <p class="help-text">{{t 'modalEditPassword.firstLogin.help' appName=settings.appName htmlSafe=true}}</p>
    {{else}}

      <h1>{{t 'modalEditPassword.edit.title' appName=settings.appName}}</h1>
      <p class="help-text">{{t 'modalEditPassword.edit.help' appName=settings.appName htmlSafe=true}}</p>

    {{/if}}
  </div>
  {{#input-edit-password
      complete=(action (action complete))
      user=model.user
      showCurrent=showCurrent
      forceSaveDisabled=(and firstLogin (not agreedToEula))
      currentPassword=currentPassword
      editButton=(if firstLogin 'modalEditPassword.firstLogin.actionButton' 'modalEditPassword.actionButton')
      cancelDisabled=true
  }}
    {{#if firstLogin}}
      <div>
        <label class="text-small">{{input type="checkbox" checked=model.optIn}} {{t 'telemetryOpt.label'}}</label> <a href="{{settings.docsBase}}/faq/telemetry" class="text-small" target="_blank" rel="noopener nofollow">{{t 'telemetryOpt.learnMore.label'}}</a>
      </div>
      <div>
        <label class="text-small">{{input type="checkbox" checked=agreedToEula}} {{t 'telemetryOpt.eula.prefix' appName=settings.appName}} <a href="{{settings.eulaLink}}" target="_blank" rel="noopener nofollow">{{t 'telemetryOpt.eula.link' appName=settings.appName}}</a> {{t 'telemetryOpt.eula.suffix' appName=settings.appName}}</label>
      </div>
    {{/if}}
  {{/input-edit-password}}
</div>
